@charset "utf-8";
/* CSS Document */
*{ font-family:"微软雅黑", "Arial Black"; font-size:14px; }
html, body, ul, li{ margin:0; padding:0; }
a{ text-decoration:none; }
h6{ margin:0; }
body{
	background-image: -webkit-gradient(linear,left top, left bottom, color-stop(0,#fff),color-stop(1, #ebebeb));
}
label,input[type=checkbox],input[type=radio],select,input[type=text]{ cursor:pointer; }
/******************************************************
 *				通用调用
 ******************************************************
 */

.clear{ clear:both; }
.hidden{ display:hidden; visibility:hidden; width:0; height:0; }
.left{ float:left; }
.right{ float:right; }
.block{ margin-bottom:10px; }


.button {
  background: #111;
  background: -webkit-gradient(linear, 0 0, 0 100%,
              color-stop(0, rgba(50, 50, 50, 0.9)),
              color-stop(0.5, rgba(30, 30, 30, 0.9)),
              color-stop(0.5, rgba(20, 20, 20, 0.9)),
              color-stop(1, rgba(0, 0, 0, 0.9)));
  border: 0;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 1px 1px 1px 0px rgba(135, 135, 135, 0.1), inset -1px -1px 1px 0px rgba(135, 135, 135, 0.1);
  box-shadow: inset 1px 1px 1px 0px rgba(135, 135, 135, 0.1), inset -1px -1px 1px 0px rgba(135, 135, 135, 0.1);
  color: #fff;
  font-size: 12px;
  font-weight: lighter;
  line-height: 1;
  padding: 6px 10px 8px;
  text-shadow: 0px -1px 1px rgba(0, 0, 0, .8), 0 1px 1px rgba(255, 255, 255, 0.3);
}

.button:hover {
  background: #222;
  background: -webkit-gradient(linear, 0 0, 0 100%,
              color-stop(0, rgba(70, 70, 70, 0.9)),
              color-stop(0.5, rgba(50, 50, 50, 0.9)),
              color-stop(0.5, rgba(40, 40, 40, 0.9)),
              color-stop(1, rgba(20, 20, 20, 0.9)));
  cursor: pointer;
}

.button:active {
  background: #000;
  background: -webkit-gradient(linear, 0 0, 0 100%,
              color-stop(0, rgba(30, 30, 30, 0.9)),
              color-stop(0.5, rgba(20, 20, 20, 0.9)),
              color-stop(0.5, rgba(10, 10, 10, 0.9)),
              color-stop(1, rgba(0, 0, 0, 0.9)));
}

.cancle{
  background: #eee;
  background: -webkit-gradient(linear, 0 0, 0 100%,
              color-stop(0, rgba(50, 50, 50, 0.9)),
              color-stop(0.5, rgba(30, 30, 30, 0.9)),
              color-stop(0.5, rgba(20, 20, 20, 0.9)),
              color-stop(1, rgba(0, 0, 0, 0.9)));
  border: 0;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 1px 1px 1px 0px rgba(135, 135, 135, 0.1), inset -1px -1px 1px 0px rgba(135, 135, 135, 0.1);
  box-shadow: inset 1px 1px 1px 0px rgba(135, 135, 135, 0.1), inset -1px -1px 1px 0px rgba(135, 135, 135, 0.1);
  color: #fff;
  font-size: 12px;
  font-weight: lighter;
  line-height: 1;
  padding: 6px 10px 8px;
  text-shadow: 0px -1px 1px rgba(0, 0, 0, .8), 0 1px 1px rgba(255, 255, 255, 0.3);
}

.cancle:hover {
  background: #ddd;
  background: -webkit-gradient(linear, 0 0, 0 100%,
              color-stop(0, rgba(70, 70, 70, 0.9)),
              color-stop(0.5, rgba(50, 50, 50, 0.9)),
              color-stop(0.5, rgba(40, 40, 40, 0.9)),
              color-stop(1, rgba(20, 20, 20, 0.9)));
  cursor: pointer;
}

.cancle:active {
  background: #fff;
  background: -webkit-gradient(linear, 0 0, 0 100%,
              color-stop(0, rgba(30, 30, 30, 0.9)),
              color-stop(0.5, rgba(20, 20, 20, 0.9)),
              color-stop(0.5, rgba(10, 10, 10, 0.9)),
              color-stop(1, rgba(0, 0, 0, 0.9)));
}



.subject{
	border:1px #fff solid;
	width:500px;
	padding:3px;
	cursor:pointer;
}
.subject:focus{
	border:1px solid #BBBBBB;
}
.subject:focus:hover{ background:#fff; }
.subject:hover{
	background:#E1F0F7;
}

/******************************************************
 *				主框架调用
 ******************************************************
 */
#mbody{
	background:#231708;
	margin:50px auto 0;
	width:900px;
	-webkit-box-shadow:0 2px 15px #000;
	z-index:1;
}

.mcontent{
	min-height:600px;
	float:left;
	width:800px;
	overflow-x:hidden;
	background:#FFF;
}

#mnav{
	width:100px;
	float:left;
	overflow:visible;
}

#mnav ul{
	padding:30px 0;
}
#mnav ul li{ display:block; }
#mnav ul li a{
	padding-left:10px;
	display:block;
	color:#FFF;
	text-align:center;
	padding:6px 0;
	-webkit-transition:color .5s, background .5s;
}
#mnav ul li a:hover{ background:#666; }
#mnav ul li:first-child{ text-align:center; margin-bottom:20px; }
#mnav ul li:first-child a{ display:inline; -webkit-transition:none; }
#mnav ul li:first-child a:hover{ background:none; }
#mnav ul li:first-child a img{ -webkit-box-shadow:0 0 3px #fff; border:1px solid #fff; }
#mnav ul li:first-child a img:hover{ -webkit-box-shadow:0 0 30px #fff;}
#mnav ul li.select{ background:#fff; color:#000; }



.top-search{
	padding:20px 0;
}
.top-search .search{
	float:right;
	border-radius:5px;
	background:#231708;
	padding:2px 10px 2px 2px;
	color:#FFF;
	font-size:14px;
	margin-right:20px;
}
.top-search .search input[type=text]{ font-size:14px; padding:2px; border:none; }
.top-search .search a{ color:#F0F0F0; position:relative; top:-1px; }
.top-search .search a span{ color:#fff; }
.top-search .notice{ float:right; padding:4px 7px 7px 7px; border-radius:5px; background:#0581B5; margin-right:20px; }
.top-search .notice a{ font-size:14px; color:#C0FFF9; }

.m-title{ border-bottom:1px solid #BBBBBB; padding-bottom:10px; margin:0 20px; }
.m-title ul li{ display:block; float:left; margin-left:15px; }
.m-title ul li.right{ float:right; }
.m-title ul li.right a{ background:#231708; color:#fff; }
.m-title ul li.right a:hover{ background:#231708; }
.m-title ul li a{ border-radius:35px; background:#EDEDED; color:#2C81A8; padding:2px 6px 3px; font-size:12px; }
.m-title ul li a.select{ color:#fff; background:#737373; }
.m-title ul li a:hover{ color:#fff; background:#737373; }
.m-title ul li:first-child{ margin-left:0px; }
.m-title ul li:last-child{ float:none; clear:both; }

.m-body{ padding:20px; }

#footer{ width:900px; margin:20px auto; text-align:right; font-size:12px; }

/******************************************************
 *				系统函数调用类库
 ******************************************************
 */
#tag-ul-editable span.tags{ margin:0; }
#tag-ul-editable a{ margin:0 0.5em; }
#tag-ul-editable span.tags a{ margin:0 0.5em; }
#tag-ul-editable span.tags input[type=text]{ width:350px; }
#tag-ul-editable a.edit{ color:#aaa; }
#tag-ul-editable span.tags a:hover, a.select{ color:#fff; background:#737373; text-decoration: none;}
#tag-ul-editable span.tags a{ border-radius:35px; background:#EDEDED; color:#2C81A8; padding:2px 6px 3px; font-size:12px; }
#tag-ul-editable span.tags {outline: none;}
#wind .m-title{ padding:10px 0; margin-bottom:0px; }
#wind .m-title .wind-close{
	float:right;
}
#wind .m-title h6{
	float:left;
}


/******************************************************
 *				系统函数调用类库
 ******************************************************
 */
#message{
	position:fixed;
	overflow:hidden;
	background:#000;
	color:#fff;
	top:50px;
	right:80px;
	padding:10px;
	text-align:center;
	border-radius: 5px;
	z-index:20;
}
#message.error{
	background:#CE2B11;
}
#message.notice{
	background:#EEC82F;
}
#message.info{
	background:#704D08;
}

.message{
	border:1px solid #CCC;
	margin:10px 20px; 
	padding:20px;
}
.message a:hover{ text-decoration:underline; }

#wind{
	position:fixed;
	background:#fff;
	top:100px;
	z-index:6;
}
#wind-border{
	position:fixed;
	top:95px;
	border:5px solid #17B8FF;
	border-radius:5px;
	opacity:0.2;
	z-index:5;
}
#wind-bg{
	position:fixed;
	background:#999;
	opacity:0.5;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:4;
}
#loading{
	position:fixed;
	top:200px;
	left:-72px;
	padding:5px;
	width:60px;
	border-radius: 5px;
	border:1px solid #17B8FF;
	-webkit-transition:left 1s ease;
	text-align:right;
}
#notepad-icon{
	position:fixed;
	right:0;
	color:#fff;
	cursor:pointer;
	padding:10px 3px 10px 10px;
	bottom:85px;
	width:18px;
	font-size:20px;
	font-weight:bold;
	border-radius: 4px 0 0 4px;
	-webkit-box-shadow:0 2px 15px #000;
	border:1px solid #000;
	background:#000;
	-webkit-transition:opacity .3s ease;
	opacity:0.5;
}
#notepad-icon:hover{ opacity:1; }


/*************************************************

**************************************************
*/
.workdesc{ border:1px solid #CCC; padding:10px; }
.box-item a:hover{ text-decoration:underline; }
.box a:hover{ text-decoration:underline; }
input[type=text].percent-num{ border:none; width:20px; overflow:hidden; padding:0; text-align:right; }

ul.group-members{ list-style:none; }
ul.group-members li{ text-align:left; }
table.blocks{ padding:20px; width:750px; }
table.blocks tr td{ border-bottom:1px solid #CCC; }
div.group-members{ padding:20px; }
div.group-members h6{ border-bottom:dotted 1px #CCC; padding-bottom:6px; margin-bottom:10px; }
div.group-members h6 a{ font-weight:normal; }
div.group-members h6 a:hover{ text-decoration:underline; }